@mixin gztx-scroll(){
    $size:mini,small,medium,normal;
    $barWidth:4px,6px,8px,10px;
    .gztx-scroll-size-#{$size}{
    position: relative;
    ::-webkit-scrollbar {
        position: absolute;
        right: 10px;
        width: 8px;
        height: 8px;
        // height: 20px;
        // border-radius: 4px;
    } /* 这是针对缺省样式 (必须的) */

    ::-webkit-scrollbar-track {
        background-color: #8a8a8a;
        border-radius: 4px;
        // height: 60%;
    } /* 滚动条的滑轨背景颜色 */

    ::-webkit-scrollbar-thumb {
        // background-color: rgba(77, 77, 77, 0.2);
        // -webkit-border-radius: 4px;
        border-radius: 4px;
        background-color: rgb(192, 192, 192);
        &:active {
            background-color: #d1d1d1;
        }
    } /* 滑块颜色 */

    ::-webkit-scrollbar-button {
        background-color: #7c2929;
        display: none;
    } /* 滑轨两头的监听按钮颜色 */

    ::-webkit-scrollbar-corner {
        background-color: rgb(105, 105, 105);
    } /* 横向滚动条和纵向滚动条相交处尖角的颜色 */
    }
}

.gztx-scroll-size-medium {
    position: relative;
    ::-webkit-scrollbar {
        position: absolute;
        right: 10px;
        width: 8px;
        height: 8px;
        // height: 20px;
        // border-radius: 4px;
    } /* 这是针对缺省样式 (必须的) */

    ::-webkit-scrollbar-track {
        background-color: #8a8a8a;
        border-radius: 4px;
        // height: 60%;
    } /* 滚动条的滑轨背景颜色 */

    ::-webkit-scrollbar-thumb {
        // background-color: rgba(77, 77, 77, 0.2);
        // -webkit-border-radius: 4px;
        border-radius: 4px;
        background-color: rgb(192, 192, 192);
        &:active {
            background-color: #d1d1d1;
        }
    } /* 滑块颜色 */

    ::-webkit-scrollbar-button {
        background-color: #7c2929;
        display: none;
    } /* 滑轨两头的监听按钮颜色 */

    ::-webkit-scrollbar-corner {
        background-color: rgb(105, 105, 105);
    } /* 横向滚动条和纵向滚动条相交处尖角的颜色 */
}

.gztx-scroll-size-small {
    ::-webkit-scrollbar {
        width: 4px;
        // height: 20px;
        // border-radius: 4px;
    } /* 这是针对缺省样式 (必须的) */

    ::-webkit-scrollbar-track {
        background-color: #8a8a8a;
        border-radius: 4px;
        // height: 60%;
    } /* 滚动条的滑轨背景颜色 */

    ::-webkit-scrollbar-thumb {
        // background-color: rgba(77, 77, 77, 0.2);
        // -webkit-border-radius: 4px;
        border-radius: 4px;
        background-color: rgb(192, 192, 192);
        &:active {
            background-color: #d1d1d1;
        }
    } /* 滑块颜色 */

    ::-webkit-scrollbar-button {
        background-color: #7c2929;
        display: none;
    } /* 滑轨两头的监听按钮颜色 */

    ::-webkit-scrollbar-corner {
        background-color: rgb(105, 105, 105);
    } /* 横向滚动条和纵向滚动条相交处尖角的颜色 */
}